<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>小米商城</title>
		<link rel="stylesheet" href="css/style.css"/>
	</head>
	<body>
		<div class="box">
			<!--右边-->
			<div class="boxleft">
				<div class="name"><a href="#">小米空气净化器 2</a></div>
			    <div class="new">10分钟，房间空气焕然一新<br />
                                            净化能力高达310m3/h</div>
			    <div class="price">699元 </div>
			    <div class="item-img"><a href="#"><img src="images/j1.png"/></a></div>
			
			</div>
			
			<!--左边-->
			<div class="boxright">
				<!--第一行-->
				<div class="righttop cf">
					<!--第一个-->
					<div class="item1">
						<div class="item-img1"><a href="#"><img src="images/ph1.png"/></a></div>
						<div class="name1"><a href="#">小米电视4A 32</a></div>
						<div class="desc1">64位四核处理器／1GB+4GB大内存</div>
						<div class="price1">
							1099元 <span>1199元</span>
						  </div>
						<div class="zhekou1">享9.2折</div>
						<div class="info1">
							<p>可以连wifi，不用盒子也能行，支持国产。万水千山总...</p>
				            <p> 来自于 表情 的评价 </p>
						</div>
					</div>
					<!--第二个-->
					<div class="item2">
						<div class="item-img1"><a href="#"><img src="images/ph2.png"/></a></div>
						<div class="name1"><a href="#">小米电视 4A 55英寸</a></div>
						<div class="desc1">4K超高清屏／真四核64位高性能处理器</div>
						<div class="price1">4999元</div>
						<div class="info1">
							<p>看准时机，该出手就出手，低消费，高享受</p>
				            <p> 来自于 李家辉 的评价 </p>
						</div>
					</div>
					<!--第三个-->
					<div class="item2">
						<div class="item-img1"><a href="#"><img src="images/ph3.png"/></a></div>
						<div class="name1"><a href="#">小米体重秤</a></div>
						<div class="desc1">100克，喝杯水都可感知的精准</div>
						<div class="price1">99元</div>
						<div class="zhekou7">新品</div>
						<div class="info1">
							<p>送给女票的生日礼物。客服妹子再来送首诗如何。</p>
				            <p> 来自于 任泽 的评价 </p>
						</div>
					</div>
					<!--第四个-->
					<div class="item2">
						<div class="item-img1"><a href="#"><img src="images/ph4.png"/></a></div>
						<div class="name1"><a href="#">小米笔记本Air 12.5英寸</a></div>
						<div class="desc1">更轻更薄，像一本杂志般便携</div>
						<div class="price1">3999元</div>
						<div class="info1">
							<p>到目前为止，这是我买的小米最贵的一件产品！希望使用能...</p>
				            <p> 来自于 B哥 的评价 </p>
						</div>
					</div>
					
					
					
					
					
				</div>
				
				<!--第二行-->
				<div class="rightbottom"></div>
				   <!--第一个-->
				    <div class="item3">
						<div class="item-img3"><a href="#"><img src="images/ph5.png"/></a></div>
						<div class="name3"><a href="#">小米路由器3C</a></div>
						<div class="desc3">app智能控制，安全防蹭网</div>
						<div class="price3">99元 </div>
						<div class="zhekou3">免油费</div>
						<div class="info3">
							<p>告诉我帅不帅，来一首诗形容一下可好</p>
				            <p> 来自于 陈外华 的评价 </p>
						</div>
					</div>
			    
			        <!--第二个-->
			        <div class="item4">
						<div class="item-img4"><a href="#"><img src="images/ph6.png"/></a></div>
						<div class="name4"><a href="#">米家插线板6位基础版</a></div>
						<div class="desc4">新国际1mm2线材更安全，3个USB充...</div>
						<div class="price4">79元</div>
						<div class="info4">
							<p>玉洁无暇，端庄秀丽，据说是和客服妹子一样一样的？你说...</p>
				            <p> 来自于 缥缈梦迷离 的评价 </p>
						</div>
					</div>
					
					<!--第七个-->
					<div class="item7">
						<div class="item-img7"><a href="#"><img src="images/ph7.png"/></a></div>
						<div class="name7"><a href="#">米家电水壶</a></div>
						<div class="desc7">一杯水，是一家人的安心</div>
						<div class="price7">99元</div>
						<div class="zhekou7">新品</div>
						<div class="info7">
							<p>美，买一台送情人买一台送隔壁老王，自己用一台泡MM</p>
				            <p> 来自于 无无、 的评价 </p>
						</div>
					</div>
					
					<!--第八个-->
					<div class="item8">
						<div class="xiaobai cf">
							<div class="xiaobai1 cf">
								<div class="box8">
							        <div class="name8"><a href="#">小白摄影机</a></div>
						            <div class="price8">399元</div>
						       </div>
						        <div class="item-img8"><a href="#"><img src="images/ph8.png"/></a></div>
						  </div>
						</div>
						
						
						<div class="xiaoliu cf">
							<div class="xiaobai1 cf">
								<div class="box9">
							        <div class="name9"><a href="#">浏览更多</a></div>
						            <div class="desc9">热门</div>
						       </div>
						        <div class="item-img9"><a href="#"><img src="images/ph9.png"/></a></div>
						  </div>
						</div>
					</div>
				
					
					
					
			    
			    </div>
		</div>
	</body>
</html>
